// 全局样式
$border-color: rgba(215, 215, 215, 1);
$primary-color: #df0615;
$tips-color: #999;


@mixin flex-shrink {
  div,
  span,
  button {
    flex-shrink: 0;
  }
}

@mixin flex-hidden {
  flex: 1;
  overflow: hidden;
}

@mixin flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
  @include flex-shrink;
}

@mixin flex-left {
  @include flex-center;

  justify-content: flex-start;
}

@mixin flex-between {
  @include flex-center;

  justify-content: space-between;
}

@mixin flex-end {
  @include flex-center;

  justify-content: flex-end;
}

@mixin flex-column {
  display: flex;
  flex-direction: column;
  @include flex-shrink;
}

@mixin img-contain {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

@mixin img-cover {
  @include img-contain;

  object-fit: cover;
}
